<template>
	<view class="boxes">
		<view class="head">
			所有订单
			<view class="lianxi">
				联系商家
			</view>
		</view>
		<scroll-view scroll-y="true" class="orderBox">
			<view class="order_item">
				<view class="order_hao item">
					订单号：10000001
				</view>
				<view class="item item-box">
					<view class="fukan">已付款</view>
					<view class="nofukan">
						未付款
					</view>
				</view>


			</view>
		</scroll-view>



	</view>


</template>

<script>
	export default {

		data() {
			return {

			};
		},
		methods: {
			toChild(e) {
				uni.navigateTo({
					url: e.currentTarget.dataset.url
				})
			},
		},
	}
</script>

<style scoped>
	.boxes {
		height: 100vh;
	}

	.head {
		text-align: center;
		line-height: 6vh;
		height: 6vh;
		position: relative;
		background-color: white;
		font-size: 1.1em;
	}

	.lianxi {

		position: absolute;
		float: right;
		right: 3vw;
		top: 0;
		color: red;
		font-size: 0.8em;
	}

	.orderBox {
		max-height: 100vh;


	}

	.order_item {
		margin-top: 2vh;
		padding: 1vh;
		height: 40vh;
		width: 94vw;
		margin-left: 3vw;
		border-radius: 2vw;
		display: flex;
		flex-direction: column;
		background-color: white;
	}

	.item {
		width: 90vw;
		
		margin: 0.5vh 2vw;
	
	}

	.item-box {
		height: 4vh;
		display: flex;
		flex-direction: row;
		line-height: 4vh;
	}
</style>
